@extends('shuixing.home')

@section('title', '关注')
@section('keywords', '睡醒关注')

@section('progress')
    @parent
    <div class="scroll-progress primary-bg"></div>
    <!-- Start Preloader -->
    <!-- <div class="preloader text-center">
        <div class="circle"></div>
    </div> -->
@endsection

@section('menu')
    @parent
    <ul class="main-menu d-none d-lg-inline">
        <li class="current-item"><a class="text-primary" href="/follow">关注</a></li>
        <li><a href="/">首页</a></li>
        <li><a href="/hot">热榜</a></li>
        <li><a href="/circle">圈子</a></li>
        <li class="menu-item-has-children"><a href="/design"><i
                    class="bi bi-grid-fill mr-5"></i>资源库</a>
            <ul class="sub-menu design-container">
                <div class="design-tagcloud">
                    <a class="design-cloud-link active" target="_blank" href="design.html">
                        全部</a>
                    <a class="design-cloud-link" target="_blank" href="design.html">
                        设计</a>
                    <a class="design-cloud-link" target="_blank" href="design.html">
                        插画</a>
                    <a class="design-cloud-link" target="_blank" href="design.html">
                        图库</a>
                </div>
            </ul>
        </li>
        <li class="menu-item-has-children"><a href="/tool"><i
                    class="bi bi-hammer mr-5"></i>工具利器</a>
            <ul class="sub-menu design-container">
                <div class="design-tagcloud">
                    <a class="design-cloud-link active" target="_blank" href="design.html">
                        全部</a>
                    <a class="design-cloud-link" target="_blank" href="design.html">
                        设计</a>
                    <a class="design-cloud-link" target="_blank" href="design.html">
                        插画</a>
                    <a class="design-cloud-link" target="_blank" href="design.html">
                        图库</a>
                </div>
            </ul>
        </li>
    </ul>
@endsection

@section('main')
    @parent
    <!-- Start Main content -->
    <main class="bg-grey">
        <!-- is NULL -->
        <!-- <div class="container pt-30">
            <div class="row pt-50 text-center">
                <div class="container">
                    <img class="col-md-6" src="https://qinghang-1305480232.cos.ap-guangzhou.myqcloud.com/pc/Empty-amico.png" alt="">
                    <h1 class="font-weight-900">空</h1>
                </div>
            </div>
        </div> -->
        <div class="container pt-50">
            <!--Loop Masonry-->
            <div class="grid row mb-30">
                <div class="grid-sizer"></div>
                <article class="grid-item col pb-50 wow fadeIn animated">
                    <div class="post-card-1 border-radius-10 hover-up">
                        <div class="post-thumb thumb-overlay img-hover-slide position-relative"
                             style="background-image: url('https://qh-admin.supengjun.com/vendor/dcat-admin/images/logo.png')">
                            <a class="img-link" href="single.html"></a>
                            <span class="top-right-icon bg-primary"><i class="bi bi-heart"></i></span>
                        </div>
                        <div class="post-content p-30">
                            <div class="entry-meta meta-0 font-small mb-10">
                                <a href="category.html"><span class="post-cat">圈子</span></a>
                                <a href="category.html"><span>#标签</span></a>
                            </div>
                            <div class="d-flex post-card-content">
                                <h5 class="post-title mb-20 font-weight-900">
                                    <a href="single.html">哈哈哈哈哈哈哈哈</a>
                                </h5>
                                <div class="post-user-box">
                                    <img class="author-avatar" src="assets/imgs/sx.png" alt="">
                                    <span class="author-name font-weight-bold wlc1">宇航员</span>
                                </div>
                                <div class="entry-meta meta-1 pt-15 float-left font-x-small text-uppercase">
                                    <span class="post-on">时间</span>
                                    <span class="time-reading has-dot">12 评论</span>
                                    <span class="post-by has-dot">23k 喜欢</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
                <article class="grid-item col pb-50 wow fadeIn animated">
                    <div class="post-card-1 border-radius-10 hover-up">
                        <div class="post-thumb thumb-overlay img-hover-slide position-relative"
                             style="background-image: url('https://qh-admin.supengjun.com/vendor/dcat-admin/images/logo.png')">
                            <a class="img-link" href="single.html"></a>
                            <span class="top-right-icon bg-primary"><i class="bi bi-heart"></i></span>
                        </div>
                        <div class="post-content p-30">
                            <div class="entry-meta meta-0 font-small mb-10">
                                <a href="category.html"><span class="post-cat">圈子</span></a>
                                <a href="category.html"><span>#标签</span></a>
                            </div>
                            <div class="d-flex post-card-content">
                                <h5 class="post-title mb-20 font-weight-900">
                                    <a href="single.html">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                                    </a>
                                </h5>
                                <div class="post-user-box">
                                    <img class="author-avatar" src="assets/imgs/sx.png" alt="">
                                    <span class="author-name font-weight-bold wlc1">宇航员</span>
                                </div>
                                <div class="entry-meta meta-1 pt-15 float-left font-x-small text-uppercase">
                                    <span class="post-on">时间</span>
                                    <span class="time-reading has-dot">12 评论</span>
                                    <span class="post-by has-dot">23k 喜欢</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
                <article class="grid-item col pb-50 wow fadeIn animated">
                    <div class="post-card-1 border-radius-10 hover-up">
                        <div class="post-thumb thumb-overlay img-hover-slide position-relative"
                             style="background-image: url('https://qh-admin.supengjun.com/vendor/dcat-admin/images/logo.png')">
                            <a class="img-link" href="single.html"></a>
                            <span class="top-right-icon bg-primary"><i class="bi bi-heart"></i></span>
                        </div>
                        <div class="post-content p-30">
                            <div class="entry-meta meta-0 font-small mb-10">
                                <a href="category.html"><span class="post-cat">圈子</span></a>
                                <a href="category.html"><span>#标签</span></a>
                            </div>
                            <div class="d-flex post-card-content">
                                <h5 class="post-title mb-20 font-weight-900">
                                    <a href="single.html">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</a>
                                </h5>
                                <div class="post-user-box">
                                    <img class="author-avatar" src="assets/imgs/sx.png" alt="">
                                    <span class="author-name font-weight-bold wlc1">宇航员</span>
                                </div>
                                <div class="entry-meta meta-1 pt-15 float-left font-x-small text-uppercase">
                                    <span class="post-on">时间</span>
                                    <span class="time-reading has-dot">12 评论</span>
                                    <span class="post-by has-dot">23k 喜欢</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
                <article class="grid-item col pb-50 wow fadeIn animated">
                    <div class="post-card-1 border-radius-10 hover-up">
                        <div class="post-thumb thumb-overlay img-hover-slide position-relative"
                             style="background-image: url('https://qh-admin.supengjun.com/vendor/dcat-admin/images/logo.png')">
                            <a class="img-link" href="single.html"></a>
                            <span class="top-right-icon bg-primary"><i class="bi bi-heart"></i></span>
                        </div>
                        <div class="post-content p-30">
                            <div class="entry-meta meta-0 font-small mb-10">
                                <a href="category.html"><span class="post-cat">圈子</span></a>
                                <a href="category.html"><span>#标签</span></a>
                            </div>
                            <div class="d-flex post-card-content">
                                <h5 class="post-title mb-20 font-weight-900">
                                    <a href="single.html">哈哈哈哈哈哈哈哈哈哈
                                    </a>
                                </h5>
                                <div class="post-user-box">
                                    <img class="author-avatar" src="assets/imgs/sx.png" alt="">
                                    <span class="author-name font-weight-bold wlc1">宇航员</span>
                                </div>
                                <div class="entry-meta meta-1 pt-15 float-left font-x-small text-uppercase">
                                    <span class="post-on">时间</span>
                                    <span class="time-reading has-dot">12 评论</span>
                                    <span class="post-by has-dot">23k 喜欢</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
                <article class="grid-item col pb-50 wow fadeIn animated">
                    <div class="post-card-1 border-radius-10 hover-up">
                        <div class="post-thumb thumb-overlay img-hover-slide position-relative"
                             style="background-image: url('https://qh-admin.supengjun.com/vendor/dcat-admin/images/logo.png')">
                            <a class="img-link" href="single.html"></a>
                            <span class="top-right-icon bg-primary"><i class="bi bi-heart"></i></span>
                        </div>
                        <div class="post-content p-30">
                            <div class="entry-meta meta-0 font-small mb-10">
                                <a href="category.html"><span class="post-cat">圈子</span></a>
                                <a href="category.html"><span>#标签</span></a>
                            </div>
                            <div class="d-flex post-card-content">
                                <h5 class="post-title mb-20 font-weight-900">
                                    <a href="single.html">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</a>
                                </h5>
                                <div class="post-user-box">
                                    <img class="author-avatar" src="assets/imgs/sx.png" alt="">
                                    <span class="author-name font-weight-bold wlc1">宇航员</span>
                                </div>
                                <div class="entry-meta meta-1 pt-15 float-left font-x-small text-uppercase">
                                    <span class="post-on">时间</span>
                                    <span class="time-reading has-dot">12 评论</span>
                                    <span class="post-by has-dot">23k 喜欢</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
                <article class="grid-item col pb-50 wow fadeIn animated">
                    <div class="post-card-1 border-radius-10 hover-up">
                        <div class="post-thumb thumb-overlay img-hover-slide position-relative"
                             style="background-image: url('https://qh-admin.supengjun.com/vendor/dcat-admin/images/logo.png')">
                            <a class="img-link" href="single.html"></a>
                            <span class="top-right-icon bg-primary"><i class="bi bi-heart"></i></span>
                        </div>
                        <div class="post-content p-30">
                            <div class="entry-meta meta-0 font-small mb-10">
                                <a href="category.html"><span class="post-cat">圈子</span></a>
                                <a href="category.html"><span>#标签</span></a>
                            </div>
                            <div class="d-flex post-card-content">
                                <h5 class="post-title mb-20 font-weight-900">
                                    <a href="single.html">哈哈</a>
                                </h5>
                                <div class="post-user-box">
                                    <img class="author-avatar" src="assets/imgs/sx.png" alt="">
                                    <span class="author-name font-weight-bold wlc1">宇航员</span>
                                </div>
                                <div class="entry-meta meta-1 pt-15 float-left font-x-small text-uppercase">
                                    <span class="post-on">时间</span>
                                    <span class="time-reading has-dot">12 评论</span>
                                    <span class="post-by has-dot">23k 喜欢</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="pagination-area mb-30 wow fadeInUp animated">
                        <nav aria-label="Page navigation example">
                            <ul class="pagination justify-content-start">
                                <li class="page-item"><a class="page-link" href="#"><i
                                            class="elegant-icon arrow_left"></i></a></li>
                                <li class="page-item active"><a class="page-link" href="#">01</a></li>
                                <li class="page-item"><a class="page-link" href="#">02</a></li>
                                <li class="page-item"><a class="page-link" href="#">03</a></li>
                                <li class="page-item"><a class="page-link" href="#">04</a></li>
                                <li class="page-item"><a class="page-link" href="#"><i
                                            class="elegant-icon arrow_right"></i></a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- End Main content -->
@endsection
